<style type="text/css">
    .layui-layer-dialog{width: 360px !important}
</style>
<style>
    .nav-tabs>li.active {
        border-bottom: #ef6512 3px solid;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        color: #ef6512;
        font-weight: 700;
        font-size: 14px;
        background-color: #fff;
        border: none;
        border-bottom-color: none;
        cursor: default;
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: none;
        border-radius: 3px 3px 0 0;
    }

    .dropdown-menu {
        min-width: 120px;
    }


    .panel {
        -webkit-box-shadow: none;
    }

    a.download {
        float: right;
        color: #315efb;
        font-size: 14px;
        margin-right: 10px;
    }
    .desktop_room li {
        list-style: none;
        float: left;
        margin-right: 3px;
        margin-bottom: 3px;
    }
    .panel-body{
        padding: 5px;
    }
    .pending-total {
        position: absolute;
        display: block;
        top: 14px;
        right: 57px;
        background: red;
        border-radius: 16px;
        color: #fff;
        padding: -3px;
        /*width: 16px;*/
        font-size: 10px;
        line-height: 14px;
        right: 1px;
        top: 1px;
        text-align: center;
        min-width: 12px;
        padding: 0px 4px;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <ul class="nav nav-tabs">
        <li class="active"><a href="#list" data-toggle="tab" id="tab_goodsview">待处理</a></li>
        <li><a href="#weilist" data-toggle="tab" id="tab_weiview">已提交</a></li>
    </ul>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            
            <div class="tab-pane fade active in" id="list">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-info btn-add" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-info btn-edit btn-disabled disabled " title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled " title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        <a href="https://yqsb.qau.edu.cn/template/校外人员入校申请导入模板.xlsx" download="校外人员入校申请导入模板.xlsx" class="btn btn-info"><i class="fa fa-download"></i> 下载导入模板</a>
                        
                        <a href="javascript:;" class="btn btn-info btn-imported " title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i> {:__('Import')}</a>

                        <a href="javascript:;" class="btn btn-info btn-check btn-disabled disabled " title="{:__('批量提交')}" ><i class="fa fa-sign-out"></i> {:__('批量提交')}</a>


                        <a href="/index/outsideschool/view" class="btn btn-info"><i class="fa fa-backward"></i>  返回</a>

                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('importschool/edit')}" 
                           data-operate-del="{:$auth->check('importschool/del')}" 
                           width="100%">
                    </table>
                </div>
            </div>

            <!--已提交-->
            <div class="tab-pane fade in" id="weilist">
                <div class="widget-body no-padding">
                    <div id="toolbar1" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-info btn-back btn-disabled disabled " title="{:__('批量提交')}" ><i class="fa fa-reply-all"></i> {:__('批量撤回')}</a>
                        <a href="javascript:;" class="btn btn-info btn-recheck btn-disabled disabled " title="{:__('再次入校')}" ><i class="fa fa-sign-out"></i> {:__('再次入校')}</a>
                    </div>
                    <table id="table1" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
